import React from 'react'
import AppHeader from '../../../components/app-header/AppHeader'
import { Cell } from '@nutui/nutui-react-taro'
import { View, Video } from '@tarojs/components'
import './VideoSurveillance.scss'


export default function VideoSurveillance() {
    return (
        <>
            <AppHeader title='视频监控列表' top='true'></AppHeader>


            <View className='video-list'>
                <Cell
                    title={
                        <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                            <span style={{ fontWeight: '400', fontSize: '25rpx', color: '#666' }}>牲畜信息</span>
                        </div>
                    }
                    className='video-cell'
                    radius={0}
                />
                <View className='video'>
                    <Video
                        className='video-box'
                        controls={false}
                    />
                    <Cell
                        title={
                            <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                                <span style={{ fontWeight: '400', fontSize: '28rpx' }}>我是标题</span>
                            </div>
                        }
                        extra={
                            <div style={{ display: 'flex', alignItems: 'center', fontSize: '18rpx', color: ' #fff' }}>
                                2024-01-20 20:20:20
                            </div>
                        }
                        className='detail'
                        radius={0}
                    />
                </View>



            </View>

        </>
    )
}
